<div class="CENTER-MENU"> <!-- dynamic content START -->
        
       	  	<div class="SHOP-ITEM">
            
            <div><img src="/<?=TEMPLATE?>/images/welcome.jpg" /><br />
            We would like to announce that the Team <strong>Jeth-RO</strong> is on further development to give you more fun with the server. 

We thank you in advance for the support you will extend to sustain more advancement to our beloved server.</div></div>


<script> 
	$(document).ready(function() {
		$('#shop ul').roundabout();
	});
</script> 
	  <div class="CLR">
            <div style="clear:both; height:20px;"></div>
            <div class="CLR"></div>
            <div style=" float:left;"><img src="/<?=TEMPLATE?>/images/jeth.png" width="130" height="159" /></div>
      <div style=" float:left;">
            <div style=" width:390px; height:164px; border:solid 1px #ecdbc7; background:#f5f5f5;">
<div style="float:left; padding-top:8px; padding-left:10px;">
<img src="/<?=TEMPLATE?>/images/shop.png" width="41" height="16" /></div>
<div class="TabbedPanels" id="tp1" style="float:inherit;">
  <ul class="TabbedPanelsTabGroup" style=" margin-left:240px; margin-top:5px;">
    <li class="TabbedPanelsTab" tabindex="0">Item</li>
    <li class="TabbedPanelsTab" tabindex="0">Etc</li>

  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent" style="display: none; ">
    	<div class="SHOP-LIST">
        	<div id="shop">
            <ul> 
                <li><div class="box"><img src="/<?=TEMPLATE?>/images/items/item1.png" width="93" height="90" /><br /><span class="ITEM-NAME">Dark Matter Box7</span></div></li> 
                <li><div class="box"><img src="/<?=TEMPLATE?>/images/dark_matter.png" /><br /><span class="ITEM-NAME">Dark Matter</span></div></li> 
                <li><div class="box"><img src="/<?=TEMPLATE?>/images/items/item3.png" width="93" height="90" /><br /><span class="ITEM-NAME">Evil Snake Lord Hat</span></div></li> 
                <li><div class="box"><img src="/<?=TEMPLATE?>/images/items/pet1.png" width="93" height="90" /><br /><span class="ITEM-NAME">Goblin</span></div></li> 
                <li><div class="box"><img src="/<?=TEMPLATE?>/images/items/pet2.png" width="93" height="90" /><br /><span class="ITEM-NAME">Unknown</span></div></li>
                <li><div class="box"><img src="/<?=TEMPLATE?>/images/items/pet3.png" width="93" height="90" /><br /><span class="ITEM-NAME">Deviruchi</span></div></li>
            </ul></div>
        	<!--<ul>
            	<li><img src="/<?=TEMPLATE?>/images/items/item1.png" width="93" height="90" />
                <div class="SHOP-LIST_INFO">
                	<span class="ITEM-NAME"><a href="#">Dark Matter Box7</a></span><br />
                   <span class="BUY-ITEM"><a href="#">Buy Item</a></span>
                </div>
                </li>
                <li><img src="/<?=TEMPLATE?>/images/items/divider.png" width="5" height="105" /></li>
                <li><img src="/<?=TEMPLATE?>/images/dark_matter.png" />
                <div class="SHOP-LIST_INFO">
                	<span class="ITEM-NAME"><a href="#">Dark Matter</a></span><br />
                    <span class="BUY-ITEM"><a href="#">Buy Item</a></span>
                </div>
                </li>
                <li><img src="/<?=TEMPLATE?>/images/items/divider.png" width="5" height="105" /></li>
                <li><img src="/<?=TEMPLATE?>/images/items/item3.png" width="93" height="90" />
                <div class="SHOP-LIST_INFO">
                	<span class="ITEM-NAME"><a href="#">Evil Snake Lord Hat</a></span><br />
                    <span class="BUY-ITEM"><a href="#">Buy Item</a></span>
                </div>
                </li>
            </ul>-->
        </div>
    </div>
    <div class="TabbedPanelsContent" style="display: none; ">
 	<div class="SHOP-LIST">
        	<!--<ul>
            	<li><img src="/<?=TEMPLATE?>/images/items/pet1.png" width="93" height="90" />
                <div class="SHOP-LIST_INFO">
                	<span class="ITEM-NAME"><a href="#">Goblin</a></span><br />
                   <span class="BUY-ITEM"><a href="#">Buy Item</a></span>
                </div>
                </li>
                <li><img src="/<?=TEMPLATE?>/images/items/divider.png" width="5" height="105" /></li>
                <li><img src="/<?=TEMPLATE?>/images/items/pet2.png" width="93" height="90" />
                <div class="SHOP-LIST_INFO">
                	<span class="ITEM-NAME"><a href="#">Unknown</a></span><br />
                   <span class="BUY-ITEM"><a href="#">Buy Item</a></span>
                </div>
                </li>
                <li><img src="/<?=TEMPLATE?>/images/items/divider.png" width="5" height="105" /></li>
                <li><img src="/<?=TEMPLATE?>/images/items/pet3.png" width="93" height="90" />
                <div class="SHOP-LIST_INFO">
                	<span class="ITEM-NAME"><a href="#">Deviruchi</a></span><br />
                  <span class="BUY-ITEM"><a href="#">Buy Item</a></span>
                </div>
                </li>
            </ul>-->
        </div>
        </div>
  
  </div>
</div>

</div>
            </div>
            
            </div>
            	<div class="CLR"></div>
            <div class="Search-CASE">
            	<div class="Search-LEFT">
                <div class="Search-Menu">
                    <ul>
                    	<li><a href="#">Shop Guide</a></li>
                        <li><a href="#">List Item</a></li>
                        <li><a href="#">Purchase Points</a></li>
                    </ul>
                    </div>
                </div>
                <div class="Search-Right">
                	<span style=" color:#aceaa6;">Search Item / Pets Here</span>
                  <div><input type="text" />
                    <img src="/<?=TEMPLATE?>/images/searchTOOLS/go.png" width="30" height="26" align="absmiddle" /></div>
                </div>
            </div>
        	<!-- <div class="NUM-TAB" style="visibility:hidden;"><img src="/<?=TEMPLATE?>/images/dummygallery.jpg"/></div> -->
            	<div class="CLR"></div>
            <div class="SEC-3">
       	    <div class="KNOW-HOW-CASE">
                	<div class="Know-how">
           	    		<img src="/<?=TEMPLATE?>/images/know_how.png" /><br />
                			<ul>
                            	<li><a href="/vote-and-earn-coins/read/1">Vote and earn coins!</a></li>
                                <li><a href="/how-to-donate">How To Donate</a></li>
                            </ul>
           	  </div>
              </div>
                <div class="SCREEN-SHOT-Holder">
                
                	<div>
                    <img src="/<?=TEMPLATE?>/images/screen_shots.png"/>
					<div class="Screen-Shot-CASE">
                    <!--<div style=" width:163px; height:96px; border:solid 1px #f9d385;">
                      <img src="/<?=TEMPLATE?>/images/screenshots/sample.png"/></div>-->
                    
                    </div>
                  </div>
                </div>
            	
            
            </div>
        
      </div>